<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body style="font-family: Calibri; background-color: #f0f0f0; margin: 0; padding: 0;">

{{ if info }}
<span style="font-style:italic;color:#BB5555">
	{{ for i in info }}
		{{ i }}<br />
	{{ endfor }}
</span><br />
<br />
{{ endif }}

{{ for series in allSeries }}
	{{ for volume in series.Volumes }}
		<table style="text-align: left" width="100%" border="0" cellpadding="5" cellspacing="0">
			<tr>
				<td valign="top" width="1px">
					{{ if 'Cover' in volume.config.fields }}{{ if volume.Cover }}
						<div style="text-align: center"><img src="file:///$volume.Cover | url$" width="100px" alt="$translate('Cover')$"></div>
					{{ endif }}{{ endif }}
				</td>
				<td valign="top">
					<table style="text-align: left; vertical-align: top; width: 100%" border="0" cellpadding="0" cellspacing="2">
						<tr>
							<td style="text-align: left;">
								<span style="font-weight: bold; font-size: 21px">$volume.Format$: $volume.FullName$</span>
								{{ if volume.FullPublishers }}<span style="font-size: 19px;">&nbsp;&nbsp;&nbsp;&nbsp;$' / '.join(volume.FullPublishers)$</span>{{ endif }}
							</td>
							{{ if volume.Rating }}
								<td style="width: 122px; text-align: left;">
									{{ for i in range(volume.Rating) }}<img src="file:///$path$rating_star_full.png" style="width: 24px; height: 24px;" alt="">{{ endfor }}
								</td>
							{{ endif }}
							{{ if volume.CommunityRating }}
								<td style="width: 122px; text-align: right;">
									{{ for i in range(volume.CommunityRating) }}<img src="file:///$path$com_rating_star_full.png" style="width: 24px; height: 24px;" alt="">{{ endfor }}
								</td>
							{{ endif }}
						</tr>
					</table>
					<table style="text-align: left; vertical-align: top; width: 100%; margin-left: 5px; margin-top: 5px" border="0" cellpadding="0" cellspacing="2">
					{{ for field in volume.config.fields }}
						{{ if field == 'Cover' }}
						{{ elif field == '-' }}
							</table>
							<hr>
							<table style="text-align: left; vertical-align: top; width: 100%" border="0" cellpadding="0" cellspacing="6">
						{{ elif field == 'MissingIssues' }}
							<tr>
								<td style="width: 123px;  vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top; color: red;">$' '.join(volume.MissingIssues)$</td>
							</tr>
						{{ elif field == 'DuplicatedIssues' }}
							<tr>
								<td style="width: 123px;  vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top;">$' '.join(volume.DuplicatedIssues)$</td>
							</tr>
						{{ elif field == 'ReadPercentage' }}
							<tr>
								<td style="width: 123px;  vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top;">$volume.ReadPercentage$%</td>
							</tr>
						{{ elif field == 'NextIssuesToRead' }}
							<tr>
								<td style="width: 123px;  vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top;">
									{{ if volume.NextIssuesToRead: }}
										{{ for book in volume.NextIssuesToRead }}
											<a href="javascript: window.external.ComicRack.OpenBooks.OpenFile('id:$book.Id$', true, 0)">#$book.Number$</a>
										{{ endfor }}
									{{ endif }}
								</td>
							</tr>
						{{ else }}
							<tr>
								<td style="width: 123px; vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top;">
									{{ if isinstance(getattr(volume, field), list) }}
										$', '.join(getattr(volume, field))$
									{{ else }}
										$getattr(volume, field)$
									{{ endif }}
								</td>
							</tr>
						{{ endif }}
					{{ endfor }}
					</table>
				</td>
			</tr>
		</table>
	{{ endfor }}
	<br>
{{ endfor }}

</body>
</html>